<!DOCTYPE html>
<html style="height:100%;">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="醉探索戈壁(https://blog.fundodoo.com/)">
    <meta name="author" content="醉探索戈壁(https://blog.fundodoo.com/)">
    <title>Demo(https://www.fundodoo.com/)</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../css/font-awesome4.6.min.css" rel="stylesheet">
    <!-- <link href="../../css/animate.min.css" rel="stylesheet">
    <link href="../../css/style4.1.0.min.css?v=4.1.0" rel="stylesheet"> -->
    <link rel="stylesheet" href="../../css/page_common/planPage3.css">
    <link rel="stylesheet" href="../../js/plugins/datepicker/skin/WdatePicker.css">
    <link rel="stylesheet" href="../../../../css/drag-n-drop.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-grid.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-balham.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-balham-dark.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-blue.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-bootstrap.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-dark.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-material.css">
    <link rel="stylesheet" href="../../js/plugins/ag-grid/ag-theme-fresh.css">
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
    <div class="fullpagearea">
        <div class="fullpagoutbox">
            <div id="carea" class="containerarea">
                <div class="leftBefore">
                    <div class="show-icon glyphicon glyphicon-chevron-right">
                    </div>
                    <div class="hide-icon glyphicon glyphicon-chevron-left">
                    </div>
                </div>
                <div id="cleft" class="containerleft">
                    <div class="searchInput">
                        <div class="btn-group ">
                            <!-- <select class="form-control selectpicker" multiple="multiple" id="siteSelect">
                            <option value="site-one">T1</option>
                            <option value="site-two">T2</option>
                            <option value="site-three">T3</option>
                        </select> -->
                        </div>
                        <!-- <div class="iconarea">
                        <i class="fa fa-arrow-down" aria-hidden="true"></i>
                        <i class="fa fa-floppy-o" aria-hidden="true"></i>
                        <i class="fa fa-trash-o" aria-hidden="true"></i>
                    </div>
                    <div class="arrow-down-Open" contenteditable="true">
                        <ul >
                        <li><a href="javascript:void(0)">AAAAAA</a></li>
                        <li><a href="javascript:void(0)" >Glass</a></li>
                        <li><a href="javascript:void(0)" >LLLLL</a></li>
                    </ul>
                    </div> -->
                    </div>
                    <div style="clear:both;"></div>
                    <form class="form-box" action="">
                        <div class="searcharea">
                            <!--//以下结构是为了方便模板制作-->
                            <div class="siteOutbox">
                                <!--  siteOutbox为了解决拖拽滚动条时site掉下去的问题-->
                                <div class="everySite site-one">
                                    <div class="Button-template" style="height: 100%;">
                                        <div class="bigTittle">
                                            <span></span>
                                        </div>
                                        <div class="allButton" style="height: calc(100% - 28px);">
                                            <!--搜索条件text开始-->
                                            <div class="allButton-text dropzone" style="height: 100%;">
                                            </div>
                                            <!--搜索条件text结束-->
                                            <!--搜索条件控件开始-->
                                            <div class="allButton-button dropzone" style="height: 100%;">
                                            </div>
                                            <!--搜索条件控件结束-->
                                            <div style="clear:both;"></div>
                                        </div>
                                    </div>
                                </div>


                                <div style="clear:both;"></div>
                            </div>
                            <!--//以上结构是为了方便模板制作-->
                        </div>
                        <div style="clear:both;"></div>
                        <div class="bottom-searchButton dropzone">
                            <button type="button" class="draggable" data-button-id data-component-id="html/button@oee">
                                <span class="glyphicon glyphicon-search">Search</span>
                            </button>
                        </div>
                    </form>
                </div>
                <div id="cmiddle" class="containerMiddle">
                    <div class="innerbox"></div>
                </div>
                <div id="cright" class="containerRight">
                    <div class="allContent">
                        <div class="topContent">
                            <div class="container">
                                <div class="row">
                                    <div class="everyBox col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="boxarea">
                                            <div class="tittle">
                                                <i class="fa fa-angle-double-right fa-lg" aria-hidden="true"></i>
                                                <strong>Demo Title</strong>
                                                <div class="icon" title="最大化"></div>
                                            </div>
                                            <!-- 右侧内容区开始 -->
                                            <!-- <div>
                                                Table
                                            </div> -->
                                            <!-- 右侧内容区结束 -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../js/jquery.min.js" type="text/javascript"></script>
    <script src="../../js/plugins/datepicker/WdatePicker.js"></script>
    <script src="../../js/bootstrap.min.js?v=3.3.7" type="text/javascript"></script>
    <script src="../../js/plugins/slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="../../js/plugins/layer/layer.min.js" type="text/javascript"></script>
    <script src="../../js/config.js" type="text/javascript"></script>
    <script src="../../js/plugins/fundodoo.js" type="text/javascript"></script>
    <script src="../../js/plugins/pace/pace.min.js" type="text/javascript"></script>
    <!-- 操作提示 -->
    <script src="../../js/plugins/noty/jquery.noty.packaged.js" type="text/javascript"></script>

    <script src="../../js/page_common/fundodooPageTemplate.js" type="text/javascript"></script>
    <script src="../../js/page_common/common.js" type="text/javascript"></script>
    <script src="../../js/plugins/jquery.serializejson.min.js"></script>
    <script src="../../../../dist/iframe-drag-n-drop.js"></script>
    <script src="../../js/plugins/ag-grid/ag-grid.min.noStyle.js"></script>

    <!-- 功能页面javascript开始 -->
    <script type="text/javascript">
        //条件控件初始化
        //条件控件结束
        var add = function () {


        }

        var edit = function () {


        }

        var del = function () {

        }

        //右侧内容查询结束
        $(document).ready(function () {

        });
    </script>
    <!-- 功能页面javascript结束 -->
</body>

</html>